<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页</title>
	<link rel="stylesheet" href="css/scrollPics.css">
	<link rel="stylesheet" href="css/panle.css">
	<link rel="stylesheet" href="css/nav.css">
	<link rel="stylesheet" href="css/groom.css">
	<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
	<script src="js/jquery-3.3.1.min.js"></script>
	<script src="js/scrollPics.js"></script>
</head>
<body>
	<div id="box">
		<?php include 'isnav.php';?>
		<div id="content">
			<div id="scrollPics">
				<ul class="slider">
					<li>
					    <a href=""><img src="images/slide_1.jpg" alt=""></a>
					    <a href=""><span>一</span></a>
					</li>
					<li>
					    <a href=""><img src="images/slide_2.jpg" alt=""></a>
					    <a href=""><span>二</span></a>
					</li>
					<li>	
						<a href=""><img src="images/slide_1.jpg" alt=""></a>
						<a href=""><span>三</span></a>
					</li>
					<li>
						<a href=""><img src="images/slide_2.jpg" alt=""></a>
						<a href=""><span>四</span></a>
					</li>
				</ul>
				<img src="images/prev.png" alt="" id="prev">
				<img src="images/next.png" alt="" id="next">
				<ul class="num"></ul>
			</div>
		    <div id="panle">
				<div id="panlefocus">
					<h3>焦点关注</h3>
					<ul>
			           <li class="da">
			           	   	<a href=""><img src="images/hots_1.jpg" alt="" style="width: 390px;height: 275px;"></a>
			           	   	<a href=""><span>一</span></a>
			           </li>
			           <li>
			               	<a href=""><img src="images/hots_2.jpg" alt="" style="width: 210px;height: 130px;"></a>
			               	<a href=""><span>二</span></a>
			           </li>
			           <li>
			               	<a href=""><img src="images/hots_3.jpg" alt="" style="width: 210px;height: 130px;"></a>
			               	<a href=""><span>三</span></a>
			           </li>
			           <li>
			           	 	<a href=""><img src="images/hots_4.jpg" alt="" style="width: 210px;height: 130px;"></a>
			           	 	<a href=""><span>四</span></a>
			           </li>
			           <li>
			           		<a href=""><img src="images/hots_5.jpg" alt="" style="width: 210px;height: 130px;"></a>
			           		<a href=""><span>五</span></a>
			           </li>
					</ul>
				 </div>
				 <div id="panlehot">
					<h3>一周热门排行</h3>
					<ul>
						<li>
							<p style="background-color:#FD8C84 ;">1</p>
							<a href="">一</a>
							<span>赞（964）</span>
							<span>阅读（18206）</span>
						</li>
						<li>
							<p style="background-color: #7FD75A;">2</p>
							<a href="">二</a>
							<span>赞（964）</span>
							<span>阅读（18206）</span>
						</li>
						<li>
							<p style="background-color: #60C4FD;">3</p>
							<a href="">三</a>
							<span>赞（964）</span>
							<span>阅读（18206）</span>
						</li>
						<li>
							<p style="background-color: #7FD75A;">4</p>
							<a href="">四</a>
							<span>赞（964）</span>
							<span>阅读（18206）</span>
						</li>
						<li>
							<p style="background-color: #FD8C84;">5</p>
							<a href="">五</a>
							<span>赞（964）</span>
							<span>阅读（18206）</span>
						</li>
					</ul>
				 </div>

		    <div id="panlegood">
		    	<h3>热门推荐</h3>
		 		<ul>
					<li>
						<a href=""><img src="images/hots_2.jpg" alt=""  style="width: 210px;height: 130px;"></a>
						<a href="">一</a>
					</li>
					<li>
						<a href=""><img src="images/hots_3.jpg" alt="" style="width: 210px;height: 130px;"></a>
						<a href="">二</a>
					</li>
					<li>
						<a href=""><img src="images/hots_4.jpg" alt="" style="width: 210px;height: 130px;"></a>
						<a href="">三</a>
					</li>
					<li>
						<a href=""><img src="images/hots_5.jpg" alt="" style="width: 210px;height: 130px;"></a>
						<a href="">四</a>
					</li>
		 		</ul>
		    </div>
		    <div id="panlenew">
		    	<h3>最新发布</h3>
		    	<ul>
					<li>
						<dl>
							<dt class="head"><span>会生活</span><a href=""><h4>星球大战：原力觉醒视频演示   电影票68</h4></a></dt>
							<dd class="user"><a href="">admin</a><p>&nbsp;发表于&nbsp;2015-06-29</p></dd>
							<dd class="cont">
								<p>
									星球大战：原力觉醒：《星球大战：原力觉醒》中国首映盛典红毯，星球大战：原力觉醒：《星球大战：原力觉醒》中国首映盛典红毯，星球大战：原力觉醒：《星球大战：原力觉醒》中国首映盛典红毯，星球大战：原力觉醒：《星球大战：原力觉醒》中国首映盛典红毯，星球大战：原力觉醒：《星球大战：原力觉醒》中国首映盛典红毯，星球大战：原力觉醒：《星球大战：原力觉醒》中国首映盛典红毯
								</p>
		    	   			</dd>
							<dd class="oper">
								<p>阅读（3406）</p>
								<p><a href="">评论（0）</a></p>
								<p><i class="fa fa-thumbs-up" aria-hidden="true"></i>&nbsp;<a href="">赞（167）</a></p>
								<p>分类：<a href="">星球大战</a></p>
							</dd>
							<dd class="img">
								<a href=""><img src="images/new_2.jpg" alt="" style="width:177px;height: 177px;"></a>
							</dd>
						</dl>
						<hr/>
					</li>
					<li>
						<dl>
							<dt class="head"><span>会生活</span><a href=""><h4>星球大战：原力觉醒视频演示   电影票68</h4></a></dt>
							<dd class="user"><a href="">admin</a><p>&nbsp;发表于&nbsp;2015-06-29</p></dd>
							<dd class="cont">
								<p>
									星球大战：原力觉醒：《星球大战：原力觉醒》中国首映盛典红毯，星球大战：原力觉醒：《星球大战：原力觉醒》中国首映盛典红毯，星球大战：原力觉醒：《星球大战：原力觉醒》中国首映盛典红毯，星球大战：原力觉醒：《星球大战：原力觉醒》中国首映盛典红毯，星球大战：原力觉醒：《星球大战：原力觉醒》中国首映盛典红毯，星球大战：原力觉醒：《星球大战：原力觉醒》中国首映盛典红毯
								</p>
		    	   			</dd>
							<dd class="oper">
								<p>阅读（3406）</p>
								<p><a href="">评论（0）</a></p>
								<p><i class="fa fa-thumbs-up" aria-hidden="true"></i>&nbsp;<a href="">赞（167）</a></p>
								<p>分类：<a href="">星球大战</a></p>
							</dd>
							<dd class="img">
								<a href=""><img src="images/new_2.jpg" alt="" style="width:177px;height: 177px;"></a>
							</dd>
						</dl>
						<hr/>
					</li>
					<li>
						<dl>
							<dt class="head"><span>会生活</span><a href=""><h4>星球大战：原力觉醒视频演示   电影票68</h4></a></dt>
							<dd class="user"><a href="">admin</a><p>&nbsp;发表于&nbsp;2015-06-29</p></dd>
							<dd class="cont">
								<p>
									星球大战：原力觉醒：《星球大战：原力觉醒》中国首映盛典红毯，星球大战：原力觉醒：《星球大战：原力觉醒》中国首映盛典红毯，星球大战：原力觉醒：《星球大战：原力觉醒》中国首映盛典红毯，星球大战：原力觉醒：《星球大战：原力觉醒》中国首映盛典红毯，星球大战：原力觉醒：《星球大战：原力觉醒》中国首映盛典红毯，星球大战：原力觉醒：《星球大战：原力觉醒》中国首映盛典红毯
								</p>
		    	   			</dd>
							<dd class="oper">
								<p>阅读（3406）</p>
								<p><a href="">评论（0）</a></p>
								<p><i class="fa fa-thumbs-up" aria-hidden="true"></i>&nbsp;<a href="">赞（167）</a></p>
								<p>分类：<a href="">星球大战</a></p>
							</dd>
							<dd class="img">
								<a href=""><img src="images/new_2.jpg" alt="" style="width:177px;height: 177px;"></a>
							</dd>
						</dl>
					</li>
		    	</ul>
		    </div>
		    </div>
		</div>
		<?php include 'groom.php';?>
	</div>
       
        
</body>
</html>